<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="CSS文件夹/仿boot.css" />
	</head>

	<body>
		<nav>
			<div class="container">
				<div class="navtion">
					<div class="left">
						<ul>
							<li><a href="">Bootstrap中文网</a></li>
						</ul>
					</div>

					<div class="nav_but">
						<span style="margin-bottom: 5px;">三</span>
					</div>

					<div class="middle">
						<ul>
							<li><a href="">Bootstrap3中文文档</a></li>
							<li><a href="">Bootstrap4中文文档</a></li>
							<li><a href="">Sass 教程</a></li>
							<li><a href="">Less 教程</a></li>
							<li><a href="">JQuery API</a></li>
						</ul>
					</div>

					<div class="right">
						<ul>
							<li><a href="">关于</a></li>
						</ul>
					</div>

				</div>
			</div>
		</nav>
		<div class="banner">
			<div class="container">
				<div class="banner_txt">
					<div class="info_one">
						<p>Bootstrap</p>
					</div>
					<h2>简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。</h2>
					<div class="buttt"><button>Bootstrap3中文文档(v3.4.1)</button></div>
					<div class="info_last"><a href="">Bootstrap2中文文档(v2.3.2)</a></div>
				</div>

			</div>
		</div>

		<div style="clear: both;"></div>

		<div style="overflow: hidden;" class="section">
			<div class="container">
				<div class="title">
					<p>Bootstrap相关优质项目推荐</p>
					<p>这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的</p>
				</div>
				<div class="pro_box">
					<div class="pro">
						<img class="pic" src="images/webpack.png" />
						<div class="pro_info">
							<div class="modal"></div>
							<a href="">Webpack</a>
							<p>是前端资源模块化管理和打包工具</p>
							<p>
								Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。
							</p>
						</div>
					</div>
				</div>

				<div class="pro_box">
					<div class="pro">
						<img class="pic" src="images/webpack.png" />
						<div class="pro_info">
							<a href="">Webpack</a>
							<p>是前端资源模块化管理和打包工具</p>
							<p>
								Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。
							</p>
						</div>
					</div>
				</div>

				<div class="pro_box">
					<div class="pro">
						<img class="pic" src="images/webpack.png" />
						<div class="pro_info">
							<a href="">Webpack</a>
							<p>是前端资源模块化管理和打包工具</p>
							<p>
								Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。
							</p>
						</div>
					</div>
				</div>

				<div class="pro_box">
					<div class="pro">
						<img class="pic" src="images/webpack.png" />
						<div class="pro_info">
							<a href="">Webpack</a>
							<p>是前端资源模块化管理和打包工具</p>
							<p>
								Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。
							</p>
						</div>
					</div>
				</div>

				<div class="pro_box">
					<div class="pro">
						<img class="pic" src="images/webpack.png" />
						<div class="pro_info">
							<a href="">Webpack</a>
							<p>是前端资源模块化管理和打包工具</p>
							<p>
								Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。
							</p>
						</div>
					</div>
				</div>

				<div class="pro_box">
					<div class="pro">
						<img class="pic" src="images/webpack.png" />
						<div class="pro_info">
							<a href="">Webpack</a>
							<p>是前端资源模块化管理和打包工具</p>
							<p>
								Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。
							</p>
						</div>
					</div>
				</div>

				<div class="pro_box">
					<div class="pro">
						<img class="pic" src="images/webpack.png" />
						<div class="pro_info">
							<a href="">Webpack</a>
							<p>是前端资源模块化管理和打包工具</p>
							<p>
								Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。
							</p>
						</div>
					</div>
				</div>

				<div class="pro_box">
					<div class="pro">
						<img class="pic" src="images/webpack.png" />
						<div class="pro_info">
							<a href="">Webpack</a>
							<p>是前端资源模块化管理和打包工具</p>
							<p>
								Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。
							</p>
						</div>
					</div>
				</div>

				<div class="pro_box">
					<div class="pro">
						<img class="pic" src="images/webpack.png" />
						<div class="pro_info">
							<a href="">Webpack</a>
							<p>是前端资源模块化管理和打包工具</p>
							<p>
								Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。
							</p>
						</div>
					</div>
				</div>

				<div class="pro_box">
					<div class="pro">
						<img class="pic" src="images/webpack.png" />
						<div class="pro_info">
							<a href="">Webpack</a>
							<p>是前端资源模块化管理和打包工具</p>
							<p>
								Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。
							</p>
						</div>
					</div>
				</div>

			</div>
		</div>

		<div class="foot">
			<div class="container">
				<div class="foot_top">
					<div class="foot_top_left">
						<img src="images/logo.png" />
						<p>我们一直致力于为广大开发者提供更多的优质技术文档和辅助开发工具！</p>
					</div>
					<div class="foot_top_right">
						<div class="right_info_box">
							<p><a href="">关于</a></p>
							<p><a href="">关于我们</a></p>
							<p><a href="">广告合作</a></p>
							<p><a href="">友情链接</a></p>
							<p><a href="">招聘</a></p>
						</div>

						<div class="right_info_box">
							<p><a href="">联系方式</a></p>
							<p><a href="">新浪微博</a></p>
							<p><a href="">电子邮件</a></p>

						</div>

						<div class="right_info_box">
							<p><a href="">旗下网站</a></p>
							<p><a href="">BootCDN</a></p>
							<p><a href="">Packagist中国镜像</a></p>

						</div>

						<div class="right_info_box">
							<p><a href="">特别致谢</a></p>
							<p><a href="">云猫</a></p>
						</div>

					</div>
				</div>
				<hr color="#eee" style="margin-top: 10px;" />
				<div class="foot_bottom">
					<p>京ICP备11008151号-6 | 京公网安备11010802014853</p>
				</div>
			</div>
		</div>
		<!--<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />-->
	</body>

</html>